﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<title>喵●文艺</title>
	<link rel="shortcut icon" href="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1464340743,2647919765&fm=27&gp=0.jpg" type="image/x-icon" />
	<link href="static/css/bootstrap.css" rel="stylesheet">
	<link href="static/css/animate.css" rel="stylesheet">
	<link href="static/css/ysemm.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="static/css/laypage.css"/>
	</head>

	<body>
		<header>
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-xs-6">
						<img style="width: 40%;" src="static/picture/mLogo.png" alt="喵●文艺">
					</div>
					<div class="col-lg-6 col-xs-6">
						<ul class="nav nav-pills">
							<li>
								<a href="index.html">文艺范</a>
							</li>

							<li>
								<a href='index_1.html'>简约范</a>
							</li>
							<li class='active'>
								<a href='index_2.html' rel='dropmenu56'>潮酷范</a>
							</li>
							<li>
								<a href='index_3.html'>清新范</a>
							</li>

							<li>
								<a href='index_4.html'>学院派</a>
							</li>

							<li>
								<a href='index_5.html'>打Call</a>
							</li>

						</ul>
					</div>
				</div>
			</div>
		</header>

		<div class="other-slide">
			<img src="static/picture/cool.png">
		</div>
		<div class="position">
			<div class="container">
				<span class="position-home"></span>
				<a href='index.html'>主页</a> >
				<a href='javascript:void(0)'>潮酷派</a>
			</div>
		</div>
		<div id="content">
			<div class="container news-container">
				<div class="row">
					<div class="col-lg-8 col-xs-8">

						<div class="list-news">
							<ul>
								<div id="biuuu_city_list">
									<!--<li class="list-item">
										<a class="list-item-image">
											<img src='static/picture/cool1.jpg' border='0' width='120' height='120' alt='房企的PPP发展模式'>
										</a>
										<div class="item-info">
											<a href="/news/industryinformations/article_20170704_279.html">
												<h2>房企的PPP发展模式</h2></a>
											<p>PPP模式 发展开始于改革开放，经历了五个阶段，三次高潮，目前正处于第三波高潮中，且PPP模式正在处于不断完善的过程中，后续的发展令人值得期待。 一、PPP模式的发展阶段 i. 探索...
												<a href="/news/industryinformations/article_20170704_279.html">阅读全文>></a>
											</p>
											<span class="news-view">210</span><span class="news-date">2017-07-14</span><span class="news-tags"><a href='/tags.php?/PPP/'>PPP</a> </span>
										</div>
									</li>-->
								</div>
								<div id="biuuu_city" class="col-sm-12 page-list"></div>
							</ul>
						</div>
					</div>
					<div class="col-lg-4 col-xs-4">
						<!--<div class="right-search-box">
							<form name="formsearch" action="/plus/search.php">
								<input class="search-text" name="q" type="text" placeholder="“搜索相关关键词”"><input type="hidden" name="searchtype" value="titlekeyword" />
								<input class="search-btn" type="submit" value="">
							</form>
						</div>-->
						<div class="right-hot-box">
							<h1 class="right-box-title">热门文章</h1>
							<ul>
								<li>
									<a href="javascript:void(0)"><span>1</span>
										<h3>买球鞋送袜子？！adidas Originals x Raf Simons Ozweego更新美国配色！
买球鞋送袜子？！adidas Originals x Raf Simons Ozweego更新美国配色！</h3></a>
								</li>
								<li>
									<a href="javascript:void(0)"><span>2</span>
										<h3>摒弃大牌，鹿晗也穿不到￥200的国内潮牌了？</h3></a>
								</li>
								<li>
									<a href="javascript:void(0)"><span>3</span>
										<h3>人人都想做黄子韬，又都不敢承认</h3></a>
								</li>
								<li>
									<a href="javascript:void(0)"><span>5</span>
										<h3>原来足球迷中都是潮人！莫斯科最新Street Style不输巴黎时装周!</h3></a>
								</li>
							</ul>
						</div>
						<div class="ad-right">
							<a href="javascript:void(0)"><img src="//img10.static.yhbimg.com/yhb-img01/2018/06/20/15/012332d1baf2a9c6112b45b4b26b9df4ff.jpg?imageView2/2/w/1150/h/129" width="320" height="47" border="0" alt="项目融资，资金合作推荐" /></a>
						</div>

						<!--热门标签-->
						<div class="right-tag-box">
							<h1 class="right-box-title">热门标签</h1>
							<ul>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>街头型格</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>网红范</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>趣味小物</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>抖音派</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>清凉夏日</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>极简主义</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>简约随性</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>时尚清凉</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>青春活力</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>vi!SHOW</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>盛夏优选</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>简约休闲</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>清爽出行</a>
								</li>

								<li class="item">
									<a target="_blank" href='javascript:void(0);'>个性潮品</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="home-footer">
			<!-- 友情链接 -->
			<div class="flink-container">
				<div class="box-title-flink"><span></span></div>
				<div class="index-box-flink">
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">美食攻略</a>
						<a target="_blank" href="javascript:void(0);">茶饮文化</a>
						<a target="_blank" href="javascript:void(0);">热门美食</a>
						<a target="_blank" href="javascript:void(0);">网红美食</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">旅游攻略</a>
						<a target="_blank" href="javascript:void(0);">抖音圣地</a>
						<a target="_blank" href="javascript:void(0);">冷门景点</a>
						<a target="_blank" href="javascript:void(0);">大众旅游</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">穿搭攻略</a>
						<a target="_blank" href="javascript:void(0);">潮流穿搭</a>
						<a target="_blank" href="javascript:void(0);">网红搭配</a>
						<a target="_blank" href="javascript:void(0);">个性装扮</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">慢文艺</a>
						<a target="_blank" href="javascript:void(0);">手工艺</a>
						<a target="_blank" href="javascript:void(0);">抖音打卡</a>
						<a target="_blank" href="javascript:void(0);">时尚工艺</a>
						<div class="flink-line"></div>
					</div>
					<div class="index-box-panel">
						<a target="_blank" href="javascript:void(0);">喵部落</a>
						<a target="_blank" href="javascript:void(0);">热门资讯</a>
						<a target="_blank" href="javascript:void(0);">关于我们</a>
						<a target="_blank" href="javascript:void(0);">优选精品</a>
					</div>
				</div>
			</div>
			<div class="footer">
				<p> 该 此 网 站 所 有 权 为 喵 ● 文 艺 所 有 </p>
			</div>

		</footer>

		<script src="static/js/jquery.min.js"></script>
		<script src="static/js/pace.min.js"></script>

		<script src="static/js/bootstrap.js"></script>
		<script src="static/js/jquery.waypoints.min.js"></script>

		<script src="static/js/main.js"></script>
		<script src="static/js/laypage.js" type="text/javascript"></script>
		<script type="text/javascript">
			(function() {

				$.ajax({
					url: "static/data/coolData.json",
					type: "GET",
					data: {},
					success: function(ret) {
						//console.log(ret)
						if(ret.code == 200) {
							var data = ret.data
							//console.log(data)
							var nums = 6; //每页出现的数量
							var pages = Math.ceil(data.length / nums); //得到总页数

							var thisDate = function(curr) {
								//此处只是演示，实际场景通常是返回已经当前页已经分组好的数据
								var str = '',
									last = curr * nums - 1;
								last = last >= data.length ? (data.length - 1) : last;
								for(var i = (curr * nums - nums); i <= last; i++) {
									str += `
									<li class="list-item">
										<a class="list-item-image">
											<img src='`+data[i].Image+`' border='0' width='120' height='120'>
										</a>
										<div class="item-info">
											<a href="/news/industryinformations/article_20170704_279.html">
												<h2>`+data[i].title+`</h2></a>
											<p>`+data[i].content+`
												<a href="javascript:void(0)">阅读全文>></a>
											</p>
											<span class="news-date">`+data[i].time+`</span><span class="news-tags"><a href='javascript:void(0)'>`+data[i].address+`</a> </span>
										</div>
									</li>`;
								}
								return str;
							};

							//调用分页
							laypage({
								cont: 'biuuu_city',
								pages: pages,
								jump: function(obj) {
									document.getElementById('biuuu_city_list').innerHTML = thisDate(obj.curr);
								}
							})
						}
					}
				})
			})();
		</script>

	</body>

</html>